@CHARSET "UTF-8";
/***********************************************************
 * CopyRights Reserved (C) CTT (Compass Technical Team) **
 * Author : Cavin @ Date: Feb 20,2013  ****************
 * *************************************************
 */
body{
	font-family:Arial,verdana;font-size:10px;color:#4f5668;color:#667177;font-weight:bold
}
*{margin:0px;padding:0px;}

#container{
	width:100%;height:100%;margin-top:0px;
}

#header{
	min-height:105px;padding-top:35px; text-align:center;
}
h1{
	font-size:16px;color:#3282bd
}
h2{
	font-size:10px;color:#3282bd;cursor:pointer;text-align:left;
}
/*Form Related*/
input[type=text],textarea{
	border:1px solid #ccc;
    outline: 0;  
    font: normal 13px/100% Microsoft YaHei,Verdana, Tahoma, sans-serif;    
	min-height:25px;
	 box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
}
input[type=text]:hover, input[type=password]:hover, textarea:hover,  
input[type=text]:focus, input[type=password]:focus, textarea:focus {  
    border-color: #333;  
}
select{
	font-family:verdana;border:1px solid #ccc; box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; padding:3px 0px;line-height:25px; color:#333
}
option{
	padding-right:10px;
}
/****/
#searching{
	box-shadow: rgba(0,0,0, 0.9) 0px 0px 12px; -moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 8px;z-index:12000;border-bottom:3px solid #498af2;background:#fff;top:0px;max-width:100%;
padding-top:5px;
}
#searching #searching-content{
	margin:0px auto;position:relative;
}
#searching #inputArea{
	width:100%;max-width:710px;position:relative;
}
#searching input[type=text]{
	width:70%;min-height:27px;font-weight:bold;font-size:12px;color:#ccc;padding-left:5px;float:left;color:#ccc;margin-left:5px;
}

#searching #asyndiv{
	width:70%; min-height:50px;z-index:12004;position:absolute;top:31px;border:1px solid #000;background:#fff;border-top:0px;display:none;cursor:pointer;
}
#searching #asyndiv span{
	display:block;padding:2px 5px;font-weight:bold
}#searching #asyndiv span:hover{
	background:#498af2;color:#fff;
}


#searching input[type=button]{
	width:25%;height:27px;cursor:pointer;flot:left;margin-left:2px;max-width:100px;font-size:10px;font-weight:bold;font-family:verdana;
color: #fef4e9;   border: solid 1px #498af2;   background: #498af2;   background: -webkit-gradient(linear, left top, left bottom, from(#6fa2f3), to(#498af2));   background: -moz-linear-gradient(top,  #6fa2f3,  #498af2);   filter:  progid: DXImageTransform.Microsoft.gradient(startColorstr='#6fa2f3', endColorstr='#498af2'); 
	-moz-border-radius:3px;  -webkit-border-radius: 3px;border-radius:3px;border-radius:0px\0;-moz-border-radius:3px\0;  -webkit-border-radius:3px\0; 	
}
#searching-content span#btn-top{
	display:block;position:absolute;right:15px;bottom:-38px;width:44px;height:28px;background:url(../images/pointer.png) left -118px no-repeat;cursor:pointer;
}
#searching .parking-filtering{
	max-width:610px;margin-top:5px;
}
#searching .parking-filtering span{
	display:block;width:23px;height:26px;background:url(../images/paypal.png) no-repeat;
}
#searching .parking-filtering span#paypal{
	background-position:left top;
}
#searching .parking-filtering span#Timing{
	background-position:-23px top;width:20px;
}
#searching .parking-filtering span#dura{
	background-position:-46px top;width:20px;
}
#showMapArea{
	position:relative;z-index:200;position:relative;text-align:center;max-width:100%;
    
}
#showMapArea img{
	margin-top:15%;
}
#showresult{
	-moz-border-radius:10px;  -webkit-border-radius: 10px;border-radius:10px;border-radius:0px\0;-moz-border-radius:10px\0;  -webkit-border-radius: 10px\0; 	
	width:60%;background:#fff;position:fixed;top:30%;left:0px;z-index:2000;max-width:400px;
    -moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 8px;box-shadow: rgba(0,0,0, 0.5) 0px 0px 8px; 
}
#showresult .title_bar{
	border-bottom:1px solid #E5E5E5;font-size:14px;font-weight:bold;padding:10px 0px 10px 10px;position:relative
}
#showresult .title_bar span#next{
	width:16px;height:19px;background:url(../images/pointer.png) right -29px no-repeat;display:block;position:absolute;right:15px;top:13px;cursor:pointer;display:none;
}
#showresult .title_bar span#prev{
	width:16px;height:19px;background:url(../images/pointer.png) right -48px no-repeat;display:block;position:absolute;right:40px;top:13px;cursor:pointer;display:none;
}

#showresult span#btn{
	display:block;position:absolute;right:-28px;top:40%;width:28px;height:44px;background:url(../images/pointer.png) left -29px no-repeat;cursor:pointer;
}
#showresult div[id^=page]{
	display:none;
}
.infoContent{
	max-width:90%;text-align:left;font-size:10px;
}
.notes{
	max-width:90%;color:red;font-size:10px;text-align:left;
}
.expandedContent{
	min-height:150px;
}
.expandedContent .title_bar{
	background:#3282bd;color:#fff;padding:10px 10px;margin-top:10px;cursor:pointer;font-size:8px;text-align:left;-moz-border-radius:5px;  -webkit-border-radius: 5px;border-radius:5px;border-radius:0px\0;-moz-border-radius:5px\0;  -webkit-border-radius: 5px\0;
}
.expandedContent div[id^=expandedContent-list] {
	display:none;font-size:10px;text-align:left;
}
.expandedContent div[id^=expandedContent-list] td{
	font-size:8px;text-align:center;
}
tr.shadow{
	background:#e5eff6;
}
.expandedContent .expandedContent-list th,
.expandedContent .expandedContent-list td{
	background:#fff;
}

.car-park-list{
	 overflow:hidden;padding-bottom:10px;min-height:40px;
}
#car-park-tips{
	text-align:center;padding-top:10px;
}
.car-park-list .car-park{
	border-bottom:1px dotted #E5E5E5;font-size:10px;color:#3282bd;padding:5px;cursor:pointer
}
.car-park-list .current_tag{
	background:#3282bd;color:#fff
}
.car-park-list .current_tag h2{
	color:#fff
}
.car-park-list .car-park:hover{
	background:#e5eff6;color:#3282bd
}
.car-park-list .car-park .car-park-addr{
	padding:0px 5px;
}
.clear{
	clear:both
}

#footer{
	margin-top:5px;text-align:center
}
#footer td.left-td{
	border-right:2px dotted #E5E5E5;padding-right:10px;
}
div[id^=cover]{position:absolute;width:100%;z-index:10200;left:0px;top:0px;}
#bgblack{position:absolute;z-index:100;background:#000;filter:alpha(opacity=30);width:100%;height:200%;opacity:0.3;}
div[id^=cover] #hiddAreaContent{
	z-index:10201;position:absolute;top:10px; background:#fff;padding:1px; 
	letter-spacing:1px;-moz-border-radius:5px;  -webkit-border-radius: 5px;border-radius:5px;border-radius:0px\0;-moz-border-radius:5px\0;  -webkit-border-radius: 5px\0;
}
div[id^=cover] #hiddAreaContent div{
	padding:10px;
}

#hiddAreaContent #parkDetails{
	background:#fff; max-width:350px; max-height:400px;padding-top:0px;-moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 8px;box-shadow: rgba(0,0,0, 0.5) 0px 0px 8px;
}


#hiddAreaContent .title_bar_h{
	background:#fff; position:relative;font-size:12px;padding:5px 0px 5px 10px;color:red;border-bottom:1px dotted #ccc;
}
#hiddAreaContent .title_bar_h img{
	right:-15px; top:-8px; position:absolute; cursor:pointer;
}

span#GPS{
	display:block;width:70px;height:66px;background:url(../images/gps.png) no-repeat;position:absolute;right:10px;bottom:10px;z-index:202;cursor:pointer;
}
span#clearVal{
	display:block;background:#ccc;position:absolute;z-index:200;top:5px;cursor:pointer;left:60%;opacity:0.8;filter:alpha(opacity=80);color:#fff;font-weight:bold;padding:2px 5px;
	-moz-border-radius:5px;  -webkit-border-radius: 5px;border-radius:5px;border-radius:0px\0;-moz-border-radius:5px\0;  -webkit-border-radius: 5px\0;display:none;
}
#loading{
	width:20%;padding:5px 0px;text-align:center;background:#333;opacity:0.7;filter:alpha(opacity=70);position:absolute; right:90px; bottom:20px;z-index:202;color:#fff;
	-moz-border-radius:5px;  -webkit-border-radius: 5px;border-radius:5px;border-radius:0px\0;-moz-border-radius:5px\0;  -webkit-border-radius: 5px\0;display:none
}
#hiddAreaContent #pos{
	font-size:10px;text-align:left;padding:0px;
}
#pos img{
	margin-top:5px;
}
div[id^=cover] #hiddAreaContent #highlight{
	background:red;color:#fff;font-weight:bold;padding:0px;
}
